<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title></title>
	<link rel="stylesheet" href="../stylesheets/common.css" />
    <link rel="stylesheet" href="../stylesheets/editChecklist.css"/>
	<script src="../javascripts/editChecklist.js"></script>
</head>

<body>
	<div class="place">
		<span class="label-span">位置：</span>
		<ul id="place-list" class="place-ul">
			<li>单选编辑框</li>
		</ul>
	</div>
	<div class="body-warp">
		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl" type="text" data-check="must" maxlength="1000" />
			<ul id="selectUrl" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】01</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】02</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】03</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】04</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】05</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】06</li>
			</ul>
		</div>

		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl1" type="text" data-check="must" maxlength="1000" />
			<ul id="selectUrl1" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】11</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】12</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】13</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】14</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】15</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】16</li>
			</ul>
		</div>


		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl2" type="text" data-check="must" maxlength="1000"/>
			<ul id="selectUrl2" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】21</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】22</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】23</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】24</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】25</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】26</li>
			</ul>
		</div>
		<h2>代码示例</h2>
		<pre>
		
		</pre>
		<p>js调用</p>
		<pre>            activeEditCheckList();</pre>
	</div>
	
	<script>
        activeEditCheckList();
		var HtmlStr = `
		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl" type="text" data-check="must" maxlength="1000" />
			<ul id="selectUrl" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】01</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】02</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】03</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】04</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】05</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】06</li>
			</ul>
		</div>

		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl1" type="text" data-check="must" maxlength="1000" />
			<ul id="selectUrl1" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】11</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】12</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】13</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】14</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】15</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】16</li>
			</ul>
		</div>


		<div>
			<input class="form-control" name="urls" data-type="editCheckBox" data-target="selectUrl2" type="text" data-check="must" maxlength="1000"/>
			<ul id="selectUrl2" data-type="editList">
				<li data-url="/www/toAddArt.do1">/www/toAddArt.do【在线投稿】21</li>
				<li data-url="/www/toAddArt.do2">/www/toAddArt.do【在线投稿】22</li>
				<li data-url="/www/toAddArt.do3">/www/toAddArt.do【在线投稿】23</li>
				<li data-url="/www/toAddArt.do4">/www/toAddArt.do【在线投稿】24</li>
				<li data-url="/www/toAddArt.do5">/www/toAddArt.do【在线投稿】25</li>
				<li data-url="/www/toAddArt.do6">/www/toAddArt.do【在线投稿】26</li>
			</ul>
		</div>
		`;
		document.querySelector("pre").textContent = HtmlStr;
	</script>
</body>

</html>